<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>快速参考</title>
  <script src="./js/vue.js"></script>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    body {
      padding: 20px;
    }

    .table {
      width: 100%;
      margin: auto;
      margin-top: 10px;
      display: table;
      border-collapse: collapse;
    }

    .tr {
      display: table-row;
    }

    .tr:hover {
      background-color: rgb(206, 247, 233);
    }

    .td {
      width: 50%;
      display: table-cell;
      padding: 10px;
      border: 1px solid #000;
    }

    .text-center {
      text-align: center;
    }

    code {
      color: #333;
      font-weight: bold;
      font-size: 16px;
    }
  </style>
</head>

<body>
  <div id="app"></div>

  <template id="tem">
    <div>
      <h1><a href="https://bossanova.uk/jspreadsheet/v4/" target="_blanc">Jspreadsheet快速参考</a></h1>
      <h3>1、METHODS</h3>
      <div class="table">
        <!-- 表头 -->
        <div class="tr">
          <div class="td text-center">Method</div>
          <div class="td text-center">Example</div>
        </div>
        <!-- 内容 -->
        <div class="tr" v-for="item in methods" :key="item.method">
          <div class="td">
            <strong>{{ item.method }}:</strong>
            {{ item.desc }}
            <p v-for="(param, index) in item.params" :key="index">{{ param }}</p>
          </div>
          <div class="td">
            <code>{{ item.example }}</code>
          </div>
        </div>
      </div>

      <h3 style="margin-top: 20px;">2、EVENTS</h3>
      <div class="table">
        <!-- 表头 -->
        <div class="tr">
          <div class="td text-center">Event</div>
          <div class="td text-center">description</div>
        </div>
        <!-- 内容 -->
        <div class="tr" v-for="item in events" :key="item.event">
          <div class="td">
            <strong>{{ item.event }}</strong>
          </div>
          <div class="td">
            {{ item.desc }}
          </div>
        </div>
      </div>

      <h3 style="margin-top: 20px;">3、初始化值</h3>
      <div class="table">
        <!-- 表头 -->
        <div class="tr">
          <div class="td text-center">参数</div>
          <div class="td text-center">描述</div>
        </div>
        <!-- 内容 -->
        <div class="tr" v-for="item in parameters" :key="item.parameter">
          <div class="td">
            <strong>{{ item.parameter }}</strong>
          </div>
          <div class="td">
            {{ item.desc }}
          </div>
        </div>
      </div>

      <h3 style="margin-top: 20px;">4、翻译</h3>
      <div class="table">
        <!-- 表头 -->
        <div class="tr">
          <div class="td text-center">Key</div>
          <div class="td text-center">Default value</div>
        </div>
        <!-- 内容 -->
        <div class="tr" v-for="item in translations" :key="item.key">
          <div class="td">
            <strong>{{ item.key }}</strong>
          </div>
          <div class="td">
            {{ item.value }}
          </div>
        </div>
      </div>
    </div>
  </template>
</body>

<script>
  const app = Vue.createApp({
    template: '#tem',
    data() {
      return {
        methods: [
          {
            method: 'getData',
            desc: '获取完整或部分表数据',
            params: ['@Param boolean onlyHighlighedCells - 只获取突出显示的单元格'],
            example: 'myTable.getData([bool]);'
          },
          {
            method: 'getJson',
            desc: '获取JSON格式的完整或部分表数据',
            params: ['@Param boolean onlyHighlighedCells -只获取突出显示的单元格'],
            example: 'myTable.getJson([bool]);'
          },
          {
            method: 'getRowData',
            desc: '从一行中按数字获取数据',
            params: ['@Param integer rowNumber -行号'],
            example: 'myTable.getRowData([int]);'
          },
          {
            method: 'setRowData',
            desc: '按数字从一行设置数据',
            params: ['@Param integer rowNumber -行号', '@param array rowData -行数据'],
            example: 'myTable.setRowData([int], [array]);'
          },
          {
            method: 'getColumnData',
            desc: '从一列中按数字获取数据',
            params: ['@Param integer columnNumber -列号'],
            example: 'myTable.getColumnData([int]);'
          },
          {
            method: 'setColumnData',
            desc: '从一列中按数字设置数据',
            params: ['@Param integer columnNumber -列号', '@param array colData列数据'],
            example: 'myTable.setColumnData([int], [array]);'
          },
          {
            method: 'setData',
            desc: '设置表数据',
            params: ['@Param json newData -新的json数据，null将重新加载内存中的内容。'],
            example: 'myTable.setData([json]);'
          },
          {
            method: 'setMerge',
            desc: '合并单元格',
            params: ['@Param string columnName -列名，如A1。', '@Param integer colspan -列数', '@Param integer rowspan -行数', '@Param boolean ignoreHistoryAndEvents -是否忽略该历史记录'],
            example: 'myTable.setMerge([string], [int], [int], boolean);'
          },
          {
            method: 'getMerge',
            desc: '获取合并单元格属性',
            params: ['@Param string columnName -列名，如A1。'],
            example: 'myTable.getMerge([string]);'
          },
          {
            method: 'removeMerge',
            desc: '按列名合并销毁',
            params: ['@Param string columnName -列名，如A1。'],
            example: 'myTable.removeMerge([string]);'
          },
          {
            method: 'destroyMerged',
            desc: '销毁所有合并单元格',
            params: [],
            example: 'myTable.destroyMerge();'
          },
          {
            method: 'getCell',
            desc: '获取当前单元格DOM',
            params: ['@Param string columnName - str与excel兼容，或作为对象。'],
            example: 'myTable.getCell([string]);'
          },
          {
            method: 'getLabel',
            desc: '获取当前单元格的DOM innerHTML',
            params: ['@Param string columnName - str与excel兼容，或作为对象。'],
            example: 'myTable.getLabel([string]);'
          },
          {
            method: 'getValue',
            desc: '获取当前单元格值',
            params: ['@Param混合cellient - str与excel兼容，或作为对象。'],
            example: 'myTable.getValue([string]);'
          },
          {
            method: 'getValueFromCoords',
            desc: '从坐标中获取价值',
            params: ['@Param整数x', '@Param整数y'],
            example: 'myTable.getValueFromCoords([integer], [integer]);'
          },
          {
            method: 'setValue',
            desc: '更改单元格值',
            params: ['@Param混合cellient - str与excel兼容，或作为对象。', '@Param string Value -单元格的新值', '@Param bool force - update只读列'],
            example: 'myTable.setValue([string], [string], [bool]);'
          },
          {
            method: 'setValueFromCoords',
            desc: '从坐标中获取价值',
            params: ['@Param整数x', '@Param整数y', '@Param string Value -单元格的新值', '@Param bool force - update只读列'],
            example: 'myTable.getValueFromCoords([integer], [integer], [string], [bool]);'
          },
          {
            method: 'resetSelection',
            desc: '重置表的选择',
            params: ['@Param boolean executeBlur -从表执行模糊'],
            example: 'myTable.resetSelection([bool]);'
          },
          {
            method: 'updateSelection',
            desc: '选择单元格',
            params: ['@Param对象startCell - cell对象', '@Param对象endCell -单元格对象', '@Param boolean ignoreEvents—忽略onselection事件'],
            example: 'myTable.updateSelection([cell], [cell], true);'
          },
          {
            method: 'updateSelectionFromCoords',
            desc: '选择单元格',
            params: ['@Param整数x1', '@Param整数y1', '@Param整数x2', '@Param整数y2'],
            example: 'myTable.updateSelectionFromCoords([integer], [integer], [integer], [integer]);'
          },
          {
            method: 'getWidth',
            desc: '获取当前列的宽度',
            params: ['@Param integer columnNumber -列号，从0开始'],
            example: 'myTable.getWidth([integer]);'
          },
          {
            method: 'setWidth',
            desc: '改变列宽',
            params: ['@Param integer columnNumber -列号，从0开始', '@Param string newColumnWidth -新列宽度'],
            example: 'myTable.setWidth([integer], [integer]);'
          },
          {
            method: 'getHeight',
            desc: '获取当前行的高度',
            params: ['@Param integer rowNumber -从0开始的行号'],
            example: 'myTable.getHeight([integer]);'
          },
          {
            method: 'setHeight',
            desc: '改变行高',
            params: ['@Param integer rowNumber -从0开始的行号', '@Param string newRowHeight-新行高'],
            example: 'myTable.setHeight([integer], [integer]);'
          },
          {
            method: 'getHeader',
            desc: '通过列号获取当前标题',
            params: ['@Param integer columnNumber -从0开始的列号'],
            example: 'myTable.getHeader([integer]);'
          },
          {
            method: 'getHeaders',
            desc: '获取所有标题',
            params: [],
            example: 'myTable.getHeaders();'
          },
          {
            method: 'setHeader',
            desc: '按列更改标题',
            params: ['@Param integer columnNumber -列号，从0开始', '@Param string columnTitle -新标题'],
            example: 'myTable.setHeader([integer], [string]);'
          },
          {
            method: 'getStyle',
            desc: '获取表格或单元格样式',
            params: ['@Param混合单元格标识或为空的整个表。'],
            example: 'myTable.getStyle([string]));'
          },
          {
            method: 'setStyle',
            desc: '设置单元格的CSS样式',
            params: ['@Param mixed - json包含整个表格样式信息或只有一个单元格标识。A1。', '@param k[可选]- CSS关键字', '@param v[可选]- CSS值'],
            example: 'myTable.setSyle([object], [string], [string]);'
          },
          {
            method: 'resetStyle',
            desc: '从单元格中删除所有样式',
            params: ['@Param string columnName -列名称，例如:A1, B3等'],
            example: 'myTable.resetStyle([string]);'
          },
          {
            method: 'getComments',
            desc: '获取单元格的评论',
            params: ['@Param混合单元格标识或为空的整个表。'],
            example: 'myTable.getComments([string]);'
          },
          {
            method: 'setComments',
            desc: '设置单元格的评论',
            params: ['@Param单元格-单元格识别', '@Param文本注释'],
            example: 'myTable.setComments([string], [string]);'
          },
          {
            method: 'orderBy',
            desc: '重新排列列asc或desc',
            params: ['@Param integer columnNumber -列号，从0开始', '@Param smallint sortType - 1将排序为DESC, 0将排序为ASC，其他的将切换当前的顺序'],
            example: 'myTable.orderBy([integer], [boolean]);'
          },
          {
            method: 'getConfig',
            desc: '得到表定义',
            params: [],
            example: 'myTable.getConfig();'
          },
          {
            method: 'insertColumn',
            desc: '添加新列',
            params: ['@param mixed -要添加的列的数量或要添加到一列中的数据的数量', '@param int columnNumber—要创建的列数', '@param boolean insertBefore', '@param对象属性-列属性'],
            example: 'myTable.insertColumn([mixed], [integer], [boolean], [object]);'
          },
          {
            method: 'deleteColumn',
            desc: '按编号移除列',
            params: ['@Param integer columnNumber -应该从0开始排除哪一列', '@param integer numfcolumns -要从引用列中排除的列的数量'],
            example: 'myTable.deleteColumn([integer], [integer]);'
          },
          {
            method: 'moveColumn',
            desc: '更改列位置',
            params: ['@Param整数columnPosition', '@Param整数newColumnPosition'],
            example: 'myTable.moveColumn([integer], [integer]);'
          },
          {
            method: 'insertRow',
            desc: '添加新行',
            params: ['@Param mixed -要插入的空行数或包含新行数据的单个数组', '@Param integer rowNumber -引用行号', '@param boolean insertBefore'],
            example: 'myTable.insertRow([mixed], [integer], [boolean]);'
          },
          {
            method: 'deleteRow',
            desc: '按编号删除行',
            params: ['@Param integer rowNumber -应该从0开始排除哪一行', '@Param integer nummofrows -要排除的行数'],
            example: 'myTable.deleteRow([integer], [integer]);'
          },
          {
            method: 'moveRow',
            desc: '更改行位置',
            params: ['@Param整数rowPosition', '@Param整数newRowPosition'],
            example: 'myTable.moveRow([integer], [integer]);'
          },
          {
            method: 'download',
            desc: '将当前数据作为CSV文件获取',
            params: ['@Param - bool - true用于下载解析的公式。'],
            example: 'myTable.download([bool]);'
          },
          {
            method: 'getMeta',
            desc: '获取表或单元格元信息',
            params: ['@Param混合单元格标识或为空的整个表。'],
            example: 'myTable.getMeta([string]);'
          },
          {
            method: 'setMeta',
            desc: '设置表或单元格元信息',
            params: ['@Param混合json与整个表元信息。'],
            example: 'myTable.setMeta[mixed]);'
          },
          {
            method: 'fullscreen',
            desc: 'Toogle表全屏模式',
            params: ['@Param boolean fullscreen -定义全屏状态为真或假'],
            example: 'myTable.fullscreen([bool]);'
          },
          {
            method: 'getSelectedRows',
            desc: '获取选定的行',
            params: ['@Param boolean asIds -获取行数或行DOM元素'],
            example: 'myTable.getSelectedRows([bool]);'
          },
          {
            method: 'getSelectedColumns',
            desc: '获取选定的列',
            params: ['@Param boolean asIds -获取colNumbers或行DOM元素'],
            example: 'myTable.getSelectedColumns([bool]);'
          },
          {
            method: 'showColumn',
            desc: '按数字显示列',
            params: [],
            example: 'myTable.showIndex([int]);'
          },
          {
            method: 'hideColumn',
            desc: '按数字隐藏列',
            params: [],
            example: 'myTable.hideColumn([int]);'
          },
          {
            method: 'showIndex',
            desc: '显示索引编号列',
            params: [],
            example: 'myTable.showIndex();'
          },
          {
            method: 'hideIndex',
            desc: '隐藏索引号列',
            params: [],
            example: 'myTable.hideIndex();'
          },
          {
            method: 'search',
            desc: '在表中搜索，只有在初始化过程中启用了指令。',
            params: ['@Param字符串-搜索单词'],
            example: 'myTable.search([string]);'
          },
          {
            method: 'resetSearch',
            desc: '重置搜索表',
            params: [],
            example: 'myTable.resetSearch();'
          },
          {
            method: 'whichPage',
            desc: '在Jspreadsheet上显示哪个页面——仅当分页为true时有效。',
            params: [],
            example: 'myTable.whichPage();'
          },
          {
            method: 'page',
            desc: '转到页码-仅当分页为真时有效。',
            params: ['@Param integer -转到页码'],
            example: 'myTable.page([integer]);'
          },
          {
            method: 'undo',
            desc: '撤消最后变化',
            params: [],
            example: 'myTable.undo();'
          },
          {
            method: 'redo',
            desc: '重做更改',
            params: [],
            example: 'myTable.redo();'
          },
        ],
        events: [
          {
            event: 'onload',
            desc: '这个方法在setData方法时被调用',
          },
          {
            event: 'onbeforechange',
            desc: '在更改列值之前。注意:通过在这个方法上返回一个新值，可以覆盖原来的值。v3.4.0 +',
          },
          {
            event: 'onchange',
            desc: '列值更改后。',
          },
          {
            event: 'onafterchanges',
            desc: '在表中应用所有更改之后。',
          },
          {
            event: 'onpaste',
            desc: '在javascript表中执行粘贴操作之后。',
          },
          {
            event: 'onbeforepaste',
            desc: '在执行粘贴操作之前。用于解析任何输入数据，应返回该数据。',
          },
          {
            event: 'oninsertrow',
            desc: '插入新行之后。',
          },
          {
            event: 'onbeforeinsertrow',
            desc: '在插入新行之前。您可以通过返回false来取消插入事件。',
          },
          {
            event: 'ondeleterow',
            desc: '排除一行之后。',
          },
          {
            event: 'onbeforedeleterow',
            desc: '删除一行之前。您可以通过返回false来取消删除事件。',
          },
          {
            event: 'oninsertcolumn',
            desc: '插入新列之后。',
          },
          {
            event: 'onbeforeinsertcolumn',
            desc: '在插入新列之前。您可以通过返回false来取消插入事件。',
          },
          {
            event: 'ondeletecolumn',
            desc: '排除列后。',
          },
          {
            event: 'onbeforedeletecolumn',
            desc: '在排除列之前。您可以通过返回false来取消插入事件。',
          },
          {
            event: 'onmoverow',
            desc: '行移动到新位置后。',
          },
          {
            event: 'onmovecolumn',
            desc: '列移动到新位置后。',
          },
          {
            event: 'onresizerow',
            desc: '行高改变后。',
          },
          {
            event: 'onresizecolumn',
            desc: '在改变列宽度之后。',
          },
          {
            event: 'onselection',
            desc: '对选择的改变。',
          },
          {
            event: 'onsort',
            desc: '列排序后。',
          },
          {
            event: 'onfocus',
            desc: 'table获得焦点时',
          },
          {
            event: 'onblur',
            desc: 'table失去焦点时',
          },
          {
            event: 'onmerge',
            desc: '在列合并',
          },
          {
            event: 'onchangeheader',
            desc: '表头变化时',
          },
          {
            event: 'onundo',
            desc: '应用撤消时',
          },
          {
            event: 'onredo',
            desc: '在重做时应用',
          },
          {
            event: 'oneditionstart',
            desc: '当调用openEditor时。',
          },
          {
            event: 'oneditionend',
            desc: '当一个关闭编辑器被调用。',
          },
          {
            event: 'onchangestyle',
            desc: '当调用setStyle时。',
          },
          {
            event: 'onchangemeta',
            desc: '当调用setMeta时。',
          },
          {
            event: 'onchangepage',
            desc: '当页面改变时。',
          },
        ],
        parameters: [
          {
            parameter: 'url',
            desc: '从URL: string加载一个外部json文件',
          },
          {
            parameter: 'data',
            desc: '将此数据加载到javascript表:array中',
          },
          {
            parameter: 'copyCompatibility',
            desc: '当为true时，复制和导出将带来公式结果，如果为false将带来公式:boolean',
          },
          {
            parameter: 'rows',
            desc: '行属性:高度。:对象',
          },
          {
            parameter: 'columns',
            desc: '列类型，标题，宽度，对齐，下拉选项，文本换行，遮罩等:对象。',
          },
          {
            parameter: 'defaultColWidth',
            desc: '新列的默认宽度:整数',
          },
          {
            parameter: 'defaultColAlign',
            desc: '默认对齐新列:[center, left, right]',
          },
          {
            parameter: 'minSpareRows',
            desc: '最小空闲行数:[integer]',
          },
          {
            parameter: 'minSpareCols',
            desc: '最小空闲cols数:[integer]',
          },
          {
            parameter: 'minDimensions',
            desc: '最小表尺寸:[cols,rows]',
          },
          {
            parameter: 'allowExport',
            desc: '允许表导出:bool',
          },
          {
            parameter: 'includeHeadersOnDownload',
            desc: '包括标题下载:bool',
          },
          {
            parameter: 'columnSorting',
            desc: '允许列排序:bool',
          },
          {
            parameter: 'columnDrag',
            desc: '允许拖列:bool',
          },
          {
            parameter: 'columnResize',
            desc: '允许列调整大小:bool',
          },
          {
            parameter: 'rowResize',
            desc: '允许行大小调整:bool',
          },
          {
            parameter: 'rowDrag',
            desc: '允许行拖动:bool',
          },
          {
            parameter: 'editable',
            desc: '允许表版本:bool',
          },
          {
            parameter: 'allowInsertRow',
            desc: '允许插入新行:bool',
          },
          {
            parameter: 'allowManualInsertRow',
            desc: '允许用户插入新行:bool',
          },
          {
            parameter: 'allowInsertColumn',
            desc: '允许插入一个新的列:bool',
          },
          {
            parameter: 'allowManualInsertColumn',
            desc: '允许用户创建一个新列:bool',
          },
          {
            parameter: 'allowDeleteRow',
            desc: '允许删除一行:bool',
          },
          {
            parameter: 'allowDeleteColumn',
            desc: '允许删除列:bool',
          },
          {
            parameter: 'allowRenameColumn',
            desc: '允许重命名列:bool',
          },
          {
            parameter: 'allowComments',
            desc: '允许在单元格上添加注释:bool',
          },
          {
            parameter: 'wordWrap',
            desc: '全局文本换行:bool',
          },
          {
            parameter: 'csv',
            desc: '从URL: string加载外部CSV文件',
          },
          {
            parameter: 'csvFileName',
            desc: '下载方法的默认文件名:string',
          },
          {
            parameter: 'csvHeaders',
            desc: '从CSV文件加载标题:bool',
          },
          {
            parameter: 'csvDelimiter',
            desc: 'CSV文件的默认分隔符:字符串',
          },
          {
            parameter: 'selectionCopy',
            desc: '允许选择复制:bool',
          },
          {
            parameter: 'mergeCells',
            desc: '要合并的单元格在表初始化:对象',
          },
          {
            parameter: 'toolbar',
            desc: '添加自定义工具栏:对象',
          },
          {
            parameter: 'search: bool',
            desc: '允许在表中搜索',
          },
          {
            parameter: 'pagination: integer',
            desc: '按页把表拆开',
          },
          {
            parameter: 'paginationOptions: [array of numbers]',
            desc: '每页记录数量:25,50,75,100。',
          },
          {
            parameter: 'fullscreen: boll',
            desc: '全屏模式',
          },
          {
            parameter: 'lazyLoading: bool',
            desc: '激活表延迟加载',
          },
          {
            parameter: 'loadingSpin: bool',
            desc: '激活加载自旋',
          },
          {
            parameter: 'tableOverflow',
            desc: '允许表溢出:bool',
          },
          {
            parameter: 'tableHeight',
            desc: '强制表的最大高度:CSS String',
          },
          {
            parameter: 'tableWidth',
            desc: '强制表的最大宽度:CSS String',
          },
          {
            parameter: 'meta',
            desc: '元信息:对象',
          },
          {
            parameter: 'style',
            desc: 'Cells style in the table innitialization: object',
          },
          {
            parameter: 'parseFormulas',
            desc: '允许在表中执行公式',
          },
          {
            parameter: 'autoIncrement',
            desc: '当使用拖动角时，自动增加动作',
          },
          {
            parameter: 'updateTable',
            desc: '方法配置自定义脚本执行。注意:这不适用于lazyLoading, Pagination或Search选项。',
          },
          {
            parameter: 'nestedHeaders',
            desc: '定义嵌套的头文件，包括title、colspan等',
          },
          {
            parameter: 'contextMenu',
            desc: '上下文菜单内容:function() {return customMenu}',
          },
          {
            parameter: 'text: object',
            desc: '所有要定制的消息',
          },
        ],
        translations: [
          {
            key: 'noRecordsFound',
            value: 'No records found'
          },
          {
            key: 'showingPage',
            value: 'Showing page {0} of {1} entries'
          },
          {
            key: 'show',
            value: 'Show'
          },
          {
            key: 'entries',
            value: 'entries'
          },
          {
            key: 'insertANewColumnBefore',
            value: 'Insert a new column before'
          },
          {
            key: 'insertANewColumnAfter',
            value: 'Insert a new column after'
          },
          {
            key: 'deleteSelectedColumns',
            value: 'Delete selected columns'
          },
          {
            key: 'renameThisColumn',
            value: 'Rename this column'
          },
          {
            key: 'orderAscending',
            value: 'Order ascending'
          },
          {
            key: 'orderDescending',
            value: 'Order descending'
          },
          {
            key: 'insertANewRowBefore',
            value: 'Insert a new row before'
          },
          {
            key: 'insertANewRowAfter',
            value: 'Insert a new row after'
          },
          {
            key: 'deleteSelectedRows',
            value: 'Delete selected rows'
          },
          {
            key: 'editComments',
            value: 'Edit comments'
          },
          {
            key: 'addComments',
            value: 'Add comments'
          },
          {
            key: 'comments',
            value: 'Comments'
          },
          {
            key: 'clearComments',
            value: 'Clear comments'
          },
          {
            key: 'copy',
            value: 'Copy...'
          },
          {
            key: 'paste',
            value: 'Paste...'
          },
          {
            key: 'saveAs',
            value: 'Save as...'
          },
          {
            key: 'about',
            value: 'About'
          },
          {
            key: 'areYouSureToDeleteTheSelectedRows',
            value: 'Are you sure to delete the selected rows?'
          },
          {
            key: 'areYouSureToDeleteTheSelectedColumns',
            value: 'Are you sure to delete the selected columns?'
          },
          {
            key: 'thisActionWillDestroyAnyExistingMergedCellsAreYouSure',
            value: 'This action will destroy any existing merged cells. Are you sure?'
          },
          {
            key: 'thisActionWillClearYourSearchResultsAreYouSure',
            value: 'This action will clear your search results. Are you sure?'
          },
          {
            key: 'thereIsAConflictWithAnotherMergedCell',
            value: 'There is a conflict with another merged cell'
          },
          {
            key: 'invalidMergeProperties',
            value: 'Invalid merged properties'
          },
          {
            key: 'cellAlreadyMerged',
            value: 'Cell already merged'
          },
          {
            key: 'noCellsSelected',
            value: 'No cells selected'
          },
        ]
      }
    },
    methods: {

    },
  })
  app.mount("#app");
</script>

</html>